<template>
    <div class="title-line">
        <div class="line"></div>
        <div class="title">{{title}}</div>
        <div class="line"></div>
    </div>
</template>

<script>
export default {
    props: {
        title: {
            type: String
        }
    }
}
</script>

<style lang="less">
    .title-line {
        display: flex;
        width: 100%;
        align-items: center;
        .title {
            font-weight: bold;
            font-size: 14px;
            padding: 0 15px
        }
        .line {
            flex: 1;
            display: inline-block;
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
            height: 0px;
        }
    }
</style>
